<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="./layui/css/layui.css">
		<link rel="stylesheet" href="./css/style.css" />
		<script type="text/javascript" src="./layui/layui.js"></script>
		<title>Agent配置页面</title>
	</head>
	<body>
		<div class="agent_container">
			<div class="agent_aside">
				<div class="header">
					<img src="./img/logo.png" alt="" />
					<h2>课程知识问答（阿斯达斯）</h2>
				</div>
				<div class="button">
					<button>Start New chat</button>
				</div>
				<div class="navigate">
					<a href="#" class="active">New conversation</a>
					<a href="#">你好，我想问问二分类问题阿斯达</a>
					<a href="#">线性代数的基础是什么阿斯达受打击啊说的</a>
					<a href="#">二分类问题的Empirical Right Agent</a>
				</div>
				<div class="bottom">
					<span>POWERED BY</span>
				</div>
			</div>
			<div class="agent_mainbox">
				<div class="wrapper">
					<div class="agent_form_wrapper">
						<div class="header">新对话设置</div>
						<div class="content layui-form">
							<div class="item">
								<h2>问题类型</h2>
								<select>
									<option value="">问题类型</option>
									<option value="1">问题类型1</option>
									<option value="2">问题类型2</option>
									<option value="3">问题类型3</option>
									<option value="4">问题类型4</option>
									<option value="5">问题类型5</option>
								</select>
							</div>
							<div class="item">
								<h2>课程名称<span>可选</span></h2>
								<input type="text" name="" placeholder="课程名称" class="layui-input">
							</div>
							<div class="item">
								<h2>题目数量</h2>
								<input type="text" name="" placeholder="题目数量" class="layui-input">
							</div>
							<div class="item">
								<h2>难度</h2>
								<select placeholder="难度">
									<option value="">难度</option>
									<option value="1">难度1</option>
									<option value="2">难度2</option>
									<option value="3">难度3</option>
									<option value="4">难度4</option>
									<option value="5">难度5</option>
								</select>
							</div>
							<div class="item">
								<h2>交互模式</h2>
								<select placeholder="交互模式">
									<option value="">交互模式</option>
									<option value="1">交互模式1</option>
									<option value="2">交互模式2</option>
									<option value="3">交互模式3</option>
									<option value="4">交互模式4</option>
									<option value="5">交互模式5</option>
								</select>
							</div>
						</div>
						<div class="button">
							<button>开始对话</button>
						</div>
					</div>
				</div>
				<div class="input">
					<input type="text" placeholder="Talk to Bot" />
					<button class="voice"></button>
					<button class="submit"></button>
				</div>
			</div>
		</div>
	</body>
</html>